﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function btnClick() {
            var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");       //创建XMLHTTP对象,相当于WebClent 
            if (!xmlhttp) {
                alert("创建xmlhttp对象异常！");
                return false;
            }
            xmlhttp.open("POST", "GetDate1.ashx?"+encodeURI("中文中国")+"&ts"+new Date(), false); //准备向服务器的GetDate1.ashx发出Post请求。
            //XMLHTTP默认（也推荐）不是同步请求的，也就是open方法并不像WebClent的DownloadString那样把服务器返回的数据拿到才返回，是异步的，因此需要监听onreadystatechange事件
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4) {
                    if (xmlhttp.status == 200) {//如果代码状态为200则是成功
                        document.getElementById("Text1").value = xmlhttp.responseText;//responseText属性为服务器返回的文本
                    } else {
                        alert("AJAX服务器返回错误！");
                    }
                }
            }
            xmlhttp.send();//这时才发送请求
        }
    </script>
</head>
<body>
    <input id="Text1" type="text" />
    <input id="Button1" type="button" value="button" onclick="btnClick()" />
</body>
</html>
